    <section id="dataPersonal" class="inline" >

        <section id="fotoperfil">
            <img src="<?php echo base_url(); ?>users/<?php echo $foto; ?>">
        	<form id="fotoperfilform" style="display:none;" action="personal" method="POST" enctype='multipart/form-data'>
                <input name="option" type="hidden" value="foto">
        		<input name="userfile" type="file">
        		<input type="submit" value="subir">
        		<a href="personal" >cancelar</a>

        	</form>

        	<a href="#" class="formEdit" onclick="editFotoPerfil();">editar</a>
        </section>

        <section id="nombres">
            <?php echo $names; ?>
        	<form  id="nombresPerfilForm" style="display:none;" action="personal" method="POST">
                <input name="option" type="hidden" value="nombres">
        		<input name="nombres" type="text">
        		<input type="submit" value="subir">
        		<a href="personal" >cancelar</a>
        	</form>

            <a href="#" class="formEdit" onclick="editNombres();">editar</a>
        </section>


        <section id="apellidos">
            <?php echo $lastname; ?>
        	<form id="apellidosPerfilForm" style="display:none;" action="personal" method="POST">
                <input name="option" type="hidden" value="apellidos">
        		<input name="apellidos" type="text">
        		<input type="submit" value="subir">
        		<a href="personal" >cancelar</a>
        	</form>

            <a href="#" class="formEdit" onclick="editApellidos();">editar</a>
        </section>

        <section id="presentacion">
            <?php echo $presentation; ?>
            <form id="presentacionPerfilForm" style="display:none;" action="personal" method="POST">
                <input name="option" type="hidden" value="presentacion">
                <input name="presentacion" type="text">
                <input type="submit" value="subir">
                <a href="personal" >cancelar</a>
            </form>

            <a href="#" class="formEdit" onclick="editPresentacion();">editar</a>
        </section>

    </section>

    <footer >
        <div id="footer_clouli" Style="left:560px"><span class="company">Clouli © 2012</span></div>
    </footer>

    <script type="text/javascript">
    function editFotoPerfil(){
        $('#fotoperfilform').removeAttr('style');
        $('.formEdit').remove();
        
    }

    function editNombres(){
        $('#nombresPerfilForm').removeAttr('style');
        $('.formEdit').remove();
        
    }
    
    function editApellidos(){
        $('#apellidosPerfilForm').removeAttr('style');
        $('.formEdit').remove();
        
    }

    function editPresentacion(){
        $('#presentacionPerfilForm').removeAttr('style');
        $('.formEdit').remove();
        
    }

    </script>
</body>
</html>


